<template>
  <van-cell clickable @click="$emit('onClick', carrier)" is-link>
    <template #icon>
      <van-image round width="30px" height="30px" fit="contain" src='none'>
        <template v-slot:error><span>{{carrier.id}}</span></template>
      </van-image>
    </template>
    <template #default>
      <van-row>{{carrier.item}}</van-row>
    </template>
  </van-cell>
</template>

<script>
export default {
  name: 'CardCarrierItem',
  props: ['carrier']
}
</script>

<style scoped lang="less">
  .van-cell {
    font-size: 12px;
    padding: 5px 16px;
    .van-row {
      padding: 0px 10px;
      line-height: 30px;
    }
    span {
      font-size: 16px;
      font-weight: 600;
      color: #fcb106;
    }
    .van-cell__right-icon {
      line-height: 30px;
    }
  }
</style>
